 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
  <jsp:include page="../Common/header.jsp"></jsp:include>
 <!-- Content Wrapper. Contains page content -->
   <div class="content-wrapper">
       <section class="content-header">
		    <ol class="breadcrumb">
			<li><a href="#"><i class="fa fa-home"></i> Home</a></li>
			<li class="active">个人</li>
			<li class="active">联系人</li>
		    </ol>
	   </section>

	<section class="content">	
	<div class="page-header">
    </div>										
	<div class="page-header clearfix">
		<div class="dropdown col-sm-8">			
			<b class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><span class="title">全部</span><span class="fa fa-caret-down"></span></b>
			<ul class="dropdown-menu">
				<li>
					<a>全部</a>
				</li>
				<li>
				    <a>123</a>
			    </li>
             </ul>
		</div>
		<div class="col-sm-4 pull-right">
			<div class="search_box">
				<div class="input-group ">
					<input type="hidden" value="abc">
					<input class="form-control" type="text" name="keyword" id="keyword" onkeydown="key_local_search();">
					<div class="input-group-btn">
						<a class="btn btn-m btn-info" onclick="btn_local_search();"><i class="fa fa-search"></i> </a>
					</div>
				</div>
			</div>
		</div>
	</div>

	<form id="form_data" name="form_data" method="post">
		<div class="operate panel panel-default">
			<div class="panel-body">
				<div class="pull-left">
					<div class="btn-group">
						<a class="btn btn-sm btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> 管理 <b class="fa fa-caret-down"></b></a>
						<ul class="dropdown-menu">
							<li>
								<a onclick="manage_tag();">管理组</a>
							</li>
							<li>
								<a onclick="import_contact();">导入</a>
							</li>
							<li>
								<a onclick="export_contact();">导出</a>
							</li>
						</ul>
					</div>
					<a class="btn btn-sm btn-danger" onclick="del();">删除</a>
					<div class="btn-group">
						<a class="btn btn-sm btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> 组 <span class="fa fa-caret-down"></span> </a>
						<ul class="dropdown-menu">
							<li class="dropdown-header">
								添加到
							</li>
							<li>
								<label class="dropdown-header">
									<input class="ace" type="checkbox" name="tag[]" value="21">
									<span class="lbl"></span><span class="text">123</span>
								</label>
							</li>							
							<li class="new_tag dropdown-header">
								<input type="text" name="new_tag" class="col-20">
						    </li>
							<li class="divider"></li>
							<li class="dropdown-header">
								<input class="btn btn-sm btn-primary" type="button" value="应用" onclick="apply();" id="use">
							</li>
							<li class="dropdown-header">
								<input class="btn btn-sm btn-primary" type="button" onclick="create_new_tag();" value="新组" id="new">
							</li>
						</ul>
					</div>
				</div>
				<div class="pull-right">
					<a class="btn btn-sm btn-primary" onclick="add();">新建</a>
				</div>
			</div>
		</div>
		<div class="ul_table border-top border-bottom">
			<ul>
					<li class="no-data">
						没找到数据
					</li>
				</ul>
						</div>
	</form>
    </section>

   </div><!-- /.content-wrapper -->
  <jsp:include page="../Common/footer.jsp"></jsp:include>
  <script type="text/javascript">
  $(".new_tag").hide();
  $("#use").hide();
  function create_new_tag()
  {
  $(".new_tag").show();
  $("#use").show();
  $("#new").hide();
  }

</script>
  